<!--[if gt IE 8]><!---->
<!-- {% capture style_url %}{% link assets/css/vendor-8.4.0.css %}{% endcapture %} -->
<!-- {% capture icons_url %}{% link assets/icomoon/style.css %}{% endcapture %} -->
{% capture style_url %}{{site.cdn}}/css/vendor-8.5.0.css{% endcapture %}
{% capture icons_url %}{{site.cdn}}/icomoon/style.css{% endcapture %}
{% capture fonts_url %}https://fonts.googleapis.com/css?family={{ google_fonts }}{% endcapture %}

{% assign font_heading = site.font_heading | default:"Roboto Slab, Helvetica, Arial, sans-serif" %}
{% assign font         = site.font         | default:"Noto Sans, Helvetica, Arial, sans-serif" %}

{% if site.hydejack.no_inline_css or jekyll.environment == 'development' %}
  <link rel="stylesheet" href="{{ style_url | relative_url }}">
  <link rel="stylesheet" href="{{ icons_url | relative_url }}">
  {% unless site.hydejack.no_google_fonts or site.no_google_fonts %}
    <link rel="stylesheet" href="{{ fonts_url }}">
    <noscript>
      <style>
        html { font-family: {{ font }}!important; }
        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: {{ font_heading }}!important; }
      </style>
    </noscript>
  {% endunless %}
{% else %}
  <style>
    {% capture to_scssify %}{% include styles/inline.scss %}{% endcapture %}
    {{ to_scssify | scssify }}
  </style>

  <link rel="preload" as="style" href="{{ style_url | relative_url }}" id="_stylePreload">
  <script>setRel('_stylePreload');</script>

  <link rel="preload" as="style" href="{{ icons_url | relative_url }}" id="_iconsPreload">
  <script>setRel('_iconsPreload');</script>

  <!-- {% unless site.hydejack.no_google_fonts or site.no_google_fonts %}
    <link rel="preload" as="style" href="{{ fonts_url }}" id="_fontsPreload">
    <script>setRel('_fontsPreload');</script>
  {% endunless %} -->

  <noscript>
    <link rel="stylesheet" href="{{ style_url | relative_url }}">
    <link rel="stylesheet" href="{{ icons_url | relative_url }}">
    {% unless site.hydejack.no_google_fonts or site.no_google_fonts %}
      <link rel="stylesheet" href="{{ fonts_url }}">
      <style>
        html { font-family: {{ font }}!important; }
        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading { font-family: {{ font_heading }}!important; }
      </style>
    {% endunless %}
  </noscript>
{% endif %}
{% unless site.hydejack.no_page_style %}
  {% include head/page-style.html %}
{% endunless %}
<!--<![endif]-->
